@media screen and ( max-width:1800px ){
		
	.indexcon3 > div.right > div.box2 .position{ padding-right: 30px; }
	.indexcon3 > div.right .box2 .cNavcon em{ margin-top: 6px; }
	.indexcon3 > div.right .box2 .cNavcon{ height: calc(100% - 26px); }
	.indexcon3 > div.right .box2 .cNavcon .p{ overflow : hidden;
        text-overflow : ellipsis;
        display : -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; 
        }
    .ingdexBanner .imgDiv .text{  left: 295px; top: 170px;}
    .ingdexBanner .imgDiv .text b{ font-size: 30px; }
    .ingdexBanner .imgDiv .text3{ top: 246px; }
    .sNav .list{ left: 590px; }
        
	}
	@media screen and ( max-width:1600px ){
		.indexcon3 > div.right .box2 .cNavcon{ padding-top: 10px; }
		.indexcon3 > div.right .box2 .cNavcon span{ font-size: 20px; }
		.indexcon3 > div.right .box2 .cNavcon h6{ margin-bottom: 4px; }
		.indexcon3 > div.right > div.box2 .position{ padding: 20px; }
		.indexcon3 > div.right > div.box4 .ico{ width: calc( 100% - 40px ); left: 20px; }
		.indexcon3 > div.right > div.box1 .position{ padding: 20px; }
		.indexcon3 > div.right > div.box1 div.ico{ width: calc(100% - 40px); left: 20px;bottom: 20px;}
		.indexcon2 li > div{ padding: 20px; width: calc(100% - 40px);}
		.indexcon2 li > div a{  bottom: 50px; }
		.indexcon3 > div.right > div.box1 div.ico img{ width: 36px; }
		.indexcon3 > div.right > div.box1 div.ico a{ margin-top: 22px; }
        .ingdexBanner .imgDiv .text{  left: 296px; top: 169px;}
        .ingdexBanner .imgDiv .text b{ font-size: 26px; }
        .ingdexBanner .imgDiv .text3{ top: 246px; }
	}
	@media screen and ( max-width:1440px ){
	.header{ width: 1200px; }
	.banner_btm .con{ width: 1200px; }
	.footer .con{ width: 1200px; }
	.indexcon2 ul{ overflow: hidden;}
	.indexcon2 li > div{ padding: 20px 30px ; width: calc(100% - 60px);}
	.indexcon2 li > div a{ bottom: 60px; left: 30px; }
	.indexcon2 li:hover > div{ height: calc(100% - 40px); }
	.indexcon2 li > div span{ padding-top: 12px; font-size: 20px; line-height: 28px; }
	.indexcon2 li > div em{ margin-top: 10px; }
	.indexcon3 > div.left > img{ height: auto; }
	.sNav .list{ left: 406px; }
	.alliance{ width: 1200px; }
	.alliance .page1 .left { margin-right: 60px; }
	.indexcon3 > div.right > div.box2 .position{ padding-right: 30px; }
    .ingdexBanner .imgDiv .text{  left: 147px; top: 100px;}
    .ingdexBanner .imgDiv .text b{ font-size: 26px; }
    .ingdexBanner .imgDiv .text em{ font-size: 12px; }
    .ingdexBanner .imgDiv .text3{ top: 146px; }
    .sNav .list{ left: 334px; }
	
	}
	@media screen and ( max-width:1004px ){
	.phone_banner .slick{ height: auto;}
	.phone_banner .slick .imgDiv img{ width: 100%;}
	.phone_banner .slick-dots{ position: absolute; left: 0;bottom: 10px; display: flex; justify-content: center; width: 100%;}
	.phone_banner .slick-dots li{ width: 8px; height: 8px; background: #FFFFFF;z-index: 10; border-radius:50%; margin: 0 2.5px;}
	.phone .header{ width: 100%; height: 50px; overflow: hidden;}
	.phone .header img.logo{ width: 100px; display: block; margin: 12px 0 0 10px; float: left;}	
	.phone .header img.caidan{ width: 26px; display: block; margin: 18px 10px 0 0px;  float: right;}
	.phone .footer .con{ width: 100%; }
	.footer .con .rig{ width: 100%; padding: 20px 0 0; float: none;}	
	.phone .footer .con .rig a{ display: block; float: none; margin: 0; height: auto;}
	.phone .footer .con .rig a img{ display: block; margin: 0 auto; }
	.phone .footer .con .rig a span{ display: block; text-align: center; margin-top: 10px;}
	.footer .con .left ul li a{ font-size: 13px; text-align: center;}
	.footer .con .left div{ text-align: center;  margin-top: 10px;}
	.footer .con .left div em{ margin: 0 10px; }
	.footer .con .left{ float: none; }
	.footer{ padding: 0 0 44px; }
	.index .con{ width: auto; }
	.title{ margin-top: 22px; }
	.title h3{ font-size: 20px; }
	.indexcon .left{ width: calc(100% - 20px); position: static; padding: 0 10px;}
	.indexcon .left .list li div.num{ font-size: 40px; display: flex; justify-content: center;}
	.indexcon .left h2{ text-align: center; font-size: 36px;margin-bottom: 12px;}
	.indexcon .left > b{ width: 100%; font-size: 13px;text-align: center;}
	.indexcon .left > b:before{ left: 50%;margin-left: -12px; bottom: -12px; }
	.indexcon .left > span{ font-size: 12px;line-height: 26px;margin-top: 30px; text-align: center; }
	.indexcon .left .list li div.num p{ line-height: 50px; }
	.indexcon .left .list li div.num b{ line-height: 50px; }
	.indexcon .left .list li{ margin: 0; width: 33.33%; }
	.indexcon .right{ position:static;  }
	.indexcon3 > div.right > div.box4 .ico em {  }
	.indexcon2 li:hover > div{ height: calc( 100% - 20px ); }
	.indexcon2 li:hover > div .p{  overflow : hidden;

        text-overflow : ellipsis;

        display : -webkit-box;

        -webkit-line-clamp: 3;

        -webkit-box-orient: vertical;
        line-height: 18px; 
        }
	.indexcon2 li > div a{ height: 30px; line-height: 30px; background: #fff; text-align: center;text-indent: 0;width: 98px; bottom: 12px; left: 20px;}
	.indexcon .right img{ width: 90%; display: block; margin: 0 auto;}
	.indexcon2 li{width: calc( 50% - 3px ); margin-bottom: 20px;}
	.indexcon2 li > div span{ font-size: 14px; line-height: 16px; }
	.indexcon2 li > div em{ font-size: 14px; line-height: 14px; margin-top: 5px;}
	.indexcon2 li > div{ padding: 10px 20px; width: calc(100% - 40px); }
	.indexcon3 > div.left{ width: 100%; }
	.indexcon3 > div.right{ width: 100%; }
	.indexcon3 > div.left .text{ width: 146px; height:136px; right: 0; bottom: 0;padding: 10px 10px 10px 20px;}
	.indexcon3 > div.left .text h6{ font-size: 18px; margin-bottom: 0; }
	.indexcon3 > div.left .text .p{ 
		font-size: 12px;
		 overflow : hidden;

        text-overflow : ellipsis;

        display : -webkit-box;

        -webkit-line-clamp: 3;

        -webkit-box-orient: vertical;
		margin-top: 10px;
    	  line-height: 18px;
        }
        
    .cherterEconomic .con2 .box1 > div.right{ margin-top: 0px; padding-bottom:0 ; }
    .indexcon3 > div.left .text div{margin-top: 12px;}
	.banner img{ width: 100%; display: block; }
	.indexcon3 > div.left .text div img{ width: 36px; }
	.indexcon3 > div.left .text div a{ margin-top: 6px; }
	.indexcon3 > div.right > div.box1{ width: 50%; }
	.indexcon3 > div.right > div.box2{ width: 50%; }
	.indexcon3 > div.right > div.box1 h6{ font-size: 18px; }
	.indexcon3 > div.right .box2 .cNav{ margin-right: 10; }
	.indexcon3 > div.right > div.box1 .p{ font-size:12px; margin-top: 4px;
		 overflow : hidden;

        text-overflow : ellipsis;

        display : -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;
	
	 }
	 .indexcon2{ margin-top: 30px;}
	 .indexcon3{ margin-top: 30px; }
     .position .ncn{width:130px;}
     .newsShow .page1 p > img{width:100%;}
	 .indexcon3 > div.right > div.box1 div.ico{ bottom: 10px; }
	 .indexcon3 > div.right > div.box1 div.ico a{ margin-top: 10px; }
	 .indexcon3 > div.right .box2 .cNav{ line-height: 20px; }
	 .indexcon3 > div.right .box2 .cNavcon{ padding-top: 0px; height: 100%;}
	 .indexcon3 > div.right .box2 .cNavcon span{ font-size: 14px; }
	 .indexcon3 > div.right .box2 .cNavcon h6{ font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 0;}
	 .indexcon3 > div.right .box2 .cNavcon .p{ font-size: 12px;  line-height: 18px;-webkit-line-clamp: 1;}
	.indexcon3 > div.right > div.box2 h6{ font-size: 18px; }
	.indexcon3 > div.right > div.box4 .ico{ bottom: 10px; }
	.navBox2 .slick{ height: auto; }
	.navBox2 .slick .imgDiv{ display: block; line-height: 50px; text-align: center;}
	.navBox2 .on .imgDiv{ background: #82BD32; color: #FFFFFF; }
	.navBox2 .slick:hover .imgDiv{ background: #82BD32; color: #fff; }
	.titleLeft h6{ font-size: 20px; }
	.titleLeft span{ font-size: 12px; }
	.bg1{ padding: 0 10px; }
	.freight{ width: 100%; padding-bottom: 50px;}
	.freight .con1{ padding-top: 32px; }
	.freight .con1 .left{ width: 100%; margin-bottom: 20px;}
	.freight .con1 .left img{ display: block; width: 100%; height: auto;}
	.freight .con1 .right{ width: 100%; }
	.freight .con2{ padding: 0px 30px 18px 30px; }
	.freight .con2 .box1 > div{ width: 100%; padding: 22px 0 0px;}
	.stevedore{ padding: 20px; padding-bottom: 50px;}
	.stevedore .box1 div{ margin-right: 30px; }
	.stevedore .box1 div{ padding: 22px 0 0px; }
	.stevedore .box1 b{ margin-top: 0; }
	
	.vas{ padding-bottom:50px ; }
	.wltms .con1 .right{ padding-top: 20px; }
	.vas .con1 .right{ padding-top: 20px; }
	.shipAgent .con1 .right{ padding-top: 20px; }
	.cherterEconomic .con1 .right{ padding-top: 20px; }
	
	.trade{ width: 100%; }
	.trade .con1{ padding-top: 25px; }
	.trade .con1 .left{ width: 100%; }
	.trade .con1 .left h6{ margin-top: 0; font-size: 18px;}
	.trade .con1 .left span{ line-height: 28px; }
	.trade .con1 .right{}
	.trade .con1 .right img{ width: 100%; margin-top: 20px;}
	.trade .con2 h6{ margin: 32px 0 26px; font-size: 18px;}
	.trade .con2 div{ width: 100%; }
	.trade .con2 div img{ width: 100%; margin: 0 0 20px; }
	.trade .con3{ padding: 22px 24px 25px; }
	.trade .con3 div{ margin-right: 0; }
	.trade .con3 div.top{ margin-top: 15px; }
	.trade .con4{ }
	.trade .con4 > div > div > div{ margin-right: 0; }
	.trade .con4 > div > div{ margin: 0 0 0; }
	.trade .con4 > div > div img{ width: 100%; }
	.trade .con4 > div > div > div.right{ width: 100%; }
	.trade .con4 > div > div > div.right h6{ font-size: 18px; margin: 25px 0 15px; }
	.trade .con4 > div > div > div.right span{ line-height: 28px; }
	.trade .con4 > div > div img{ margin-top: 20px;  }
	.trade .con5 h6{ font-size: 18px; margin: 32px 0 16px;}
	.trade .con6 .p_banner{ width: 70%; margin: 0 auto; }
	.trade .con6 .swiper-container{ height: auto; width: 100%; }
	.p_banner .swiper-slide{ width: 100%; }
	.tradeimg1{  width: 70%; margin: 0 auto;}
	.tradeimg1 .slick{ margin: 0 0px; }
	.tradeimg1 .slick-prev{ left: -44px; }
	.tradeimg1 .slick-next{ right: -44px; }
	.tradeimg1 .slick-prev, .tradeimg1 .slick-next{ width: 36px; height: 36px; margin-top: -18px; }
	.trade .con7{ padding-bottom: 60px; }
	.trade .con7 > .left{ width: 100%; margin-bottom: 20px; }
	.trade .con7 > .right img{ width: calc(100% - 4px); margin-bottom: 20px;}
	
	.Warehouse{ width: 100%; }
	.Warehouse .con1{ padding-top: 19px; }
	.Warehouse .con1 .left{ width: 100%; margin-bottom: 20px;}
	.Warehouse .con1 .left .p{ margin-top: 6px; line-height: 26px;}
	.Warehouse .con1 .right{ width: 100%; }
	.Warehouse .con1 .right img{ width: 100%; }
	.Warehouse .con1 .right span{ width: 100%; height: auto;position: static; background: transparent; color: #363635; text-align: center; padding: 0; line-height: 40px; font-size: 16px;}
	.Warehouse .con2{ margin-top: 24px; }
	.Warehouse .con2 h6{ font-size: 15px;margin-bottom: 20px; }
	.Warehouse .tradeimg2 .slick .txt{ top: calc(100% - 30px); padding: 6px; height: calc( 100% - 12px); overflow: hidden;}
	.Warehouse .tradeimg2 .slick:hover .txt{ top: 0; }
	.Warehouse .tradeimg2 .slick .txt b{ margin-bottom: 6px; }
	.Warehouse .con3{ padding-bottom: 43px; }
	.Warehouse .con3 h6{ font-size: 15px; margin: 23px 0 24px;}
	.Warehouse .con3 .left{ width: 100%; margin-right: 0; }
	.Warehouse .con3 .left img{ width: 100%; }
	.Warehouse .con3 .left span{ margin: 28px; }
	.Warehouse .con3 .right{ width: 100%; }
	.Warehouse .con3 .right .top span a.map{ display: block;}
	.Warehouse .con3 .right ul{ background: transparent; }
	.Warehouse .con3 .right li b:before{ height: 0; width: 0; }
	.Warehouse .con3 .right li b{text-align: center; display: block; float: none; margin-right: 0; font-weight: bold;}
	.Warehouse .con3 .right li div{ width: 100%; }
	.Warehouse .con3 .right li span{ line-height: 26px; text-align: center; display: block; }
	.Warehouse .con3 .right li span a{ display: block; text-align: center; }
	
	.logistucs{ width: 100%; padding-bottom: 50px;}
	.logistucs .con1{ padding-top: 25px; }
	.logistucs .con1 .left{ width: 100%; margin-bottom: 20px;}
	.logistucs .con1 .left .img{ display: block; }
	.logistucs .con1 .left .img img{ margin: 0 auto; }
	.logistucs .con1 .left .img div{ text-align: center; }
	.logistucs .con1 .left .img div h6{ font-size: 16px; }
	.logistucs .con1 .left .img div span{ line-height: 20px; }
	.logistucs .con1 .right{ width: 100%; }
	.logistucs .con1 .right img{ width: 100%; }
	.logistucs .con1 .right span{ width: 100%; height: auto; position: static; background: transparent; color: #363635; text-align: center; padding: 0; line-height: 40px; font-size: 16px;}
	.logistucs .con2 h6{ margin: 32px 0 24px 0; }
	.logistucs .con2 ul{ display: block; }
	.logistucs .con2 ul li{ width: 50%; margin: 0 0 20px;  }
	.logistucs .con2 ul li a{ margin:0 auto; width: 80px; height: 80px; display: block; display: flex; justify-content: center; flex-direction: column; text-align: center;}
	.logistucs .con2 ul li a img{ width: 36px; margin: 0 auto;}
	.logistucs .con2 ul li span{ font-size: 14px; margin-top: 9px;}
	.logistucs .con3{ padding-top:34px; }
	.logistucs .con3 img{ width: 100%; }
	
	.lfs{ width: 100%; padding-bottom: 50px;}
	.lfs .con1{ padding-top: 25px; }
	.lfs .con1 .left{ width: 100%; }
	.lfs .con1 .left .p{ line-height: 26px; }
	.lfs .con1 .right{}
	.lfs .con1 .right img{ width: 100%; }
	.lfs .con1 .right span{ width: 100%; height: auto; position: static; background: transparent; color: #363635; text-align: center; padding: 0; line-height: 40px; font-size: 16px; }
	.lfs .con2{ margin-top: 24px; }
	.lfs .con2 h6{ font-size: 15px; margin-bottom: 20px; }
	.lfs .con2 li{ margin-right: 0; margin-bottom: 20px;}
	.lfs .con2 li a{}
	.lfs .con2 li a img{ width: 100%; }
	.lfs .con2 li span{ line-height: 40px; height: 40px;}
	.lfs .con3{ margin-top: 0; }
	.lfs .con3 .p{ line-height: 26px; }
	.lfs .con4 .box{ padding: 24px 0 25px; }
	.lfs .con4 .box .left{ margin-right: 0; margin-bottom: 20px;}
	.lfs .con4 .box .left:before{ width: 0; height: 0; }
	.lfs .con4 .box .left img{ width: 100%;}
	.lfs .con4 .box .right{ width: 100%; }
	.lfs .con4 .box .right em{ margin-bottom: 12px; }
	.lfs .con4 .box .right .p{ line-height: 26px; }
	.lfs .con5{ width: 100%; }
	.lfs .con5 .p{ width: 100%; }
	.lfs .con6{  }
	.lfs .con6 .left{ margin-right: 0; }
	.lfs .con6 .left img{ width: 100%; }
	.lfs .con6 .right{ margin-top: 40px; }
	.lfs .con6 .right img{ width: 100%; }
	
	.news{ width: 100%; }
	.news .page1 .box{ padding: 25px 0; }
	.news .page1 .box:nth-of-type(1){ margin-top: 20px; }
	.news .page1 .box > div.boxOne{ display: none; }
	.news .page1 .box > div.boxTwo{ margin-right: 0; width: 100%;}
	.news .page1 .box > div.boxTwo img{ width: 100%; }
	.news .page1 .box > div.boxShere{ width: 100%; line-height: 26px;}
	.news .page1 .box > div.boxShere a{ margin-top: 14px; }
	
	.newsShow { width: 100%; padding-bottom: 50px; padding-top: 0;}
	.newsTitle h6{ font-size: 20px; margin: 20px 0 10px; }
	.newsTitle { padding-bottom: 16px; }
	.newsShow .page1 .p{ line-height: 26px; }
	.newsShow .page1 img { width: 100%; }
	.piece{ padding-bottom: 24px; }
	.piece div{ overflow: hidden; height: 26px; line-height: 26px;}
	.piece div span{ display: block; float: left; }
	.piece div a{ width: 60%; display: block; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.piece .return{ width: 80%; position: static; display: block; margin: 26px auto 0;}
	
	.about{ width: 100%; padding-bottom: 60px;}
	.aboutTitle{ margin-top: 20px; }
	.aboutTitle h6{ font-size: 36px; }
	.aboutTitle em{ font-size: 18px; }
	.aboutTitle span{font-size: 12px; }
	.about .page1{ margin-top: 25px; }
	.about .page1 .left{ width: 100%; margin-bottom: 20px;}
	.about .page1 .left .p{ line-height: 26px; }
	.about .page1 .right img{ width: 100%; }	
	.about .page2{ display: block; }
	.about .page2 div{ float: left; width: 45%; margin-bottom: 10px;}
	.about .page2 div:nth-of-type(2n+0){ float: right; }
	.about .page2 div em{ font-size: 40px; }
	.about .page3 .swiper-slide img{ width: 100%; }
	.about .page3 .swiper-slide .text{ padding: 5px 0 0  10px; }
	.swiper-container {width: 600px;height: 100px;}
	.about .page3 .swiper-slide .text h6{ font-size: 14px; }  
	.about .page3 .swiper-slide .text h6:before{ bottom: -6px; height: 2px;}
	.about .page3 .swiper-slide .text span{ margin-top: 10px; font-size: 12px; }
	.about .page4{padding-top: 20px;}
	.about .page4 .aboutTit h6{ font-size: 20px; }
	.about .page4 .aboutTit span{ margin-top: 3px; }
	.about .page4 .aboutTit{ padding-bottom: 14px; }
	.about .page4 div img{ width: 100%; }
	
	.honor{ width: 100%; padding-bottom: 60px;}
	.honor .p_banner{ width: 70%; padding-top: 36px;}
	.honor .p_banner .swiper-slide .img img{width: 100%; }
	.honor .swiper-container{ width: 100%; height: auto;}
	.honor .p_banner .swiper-slide{ width: 100%; }
	.p_banner .swiper-button-prev{ left: -44px; }
	.p_banner .swiper-button-next{ right: -44px; }
	.p_banner .swiper-button-prev, .p_banner .swiper-button-next{ width: 36px; height: 36px; margin-top: -18px; } 
	.honor .page2{ width: 70%; }
	.honor .honorTitle{ margin: 18px 0 26px; font-size: 14px;}
	.honor2 .slick .imgDiv img{ width: 100%; }
	.honor2{ width: 100%; margin-top: 32px;}
	.honor2 .slick .imgDiv span{ font-size: 14px; margin-top: 24px;}
	.honor2 .slick-prev, .honor2 .slick-next{ width: 36px; height: 36px; margin-top: -18px;  }
	.honor2 .slick-prev{ left: -44px; }
	.honor2 .slick-next{ right: -44px; }
	
	
	.alliance{ width: 100%; padding-bottom: 36px;}
	.alliance .page1{ padding-top: 0; }
	.alliance .page1 .left{ width: 100%; }
	.alliance .page1 .left h6{ margin-top: 20px;margin-bottom: 23px; }
	.alliance .page1 .left h6 b{ font-size: 60px;}
	.alliance .page1 .left h6 em{ font-size: 20px; line-height: 72px; margin-left: 12px;}
	.alliance .page1 .left .p{ line-height: 26px; }
	.alliance .page1 .box1 { text-align: center;margin: 0 10px 20px; }
	.alliance .page1 .box1 img{ width: 30%; margin-bottom:10px ;}
	
	.job{ width: 100%; }
	.job .page1{ padding: 21px 0 13px; }
	.jobBox li{ margin-bottom: 10px; }
	.jobBox .div{ height: 40px; padding: 0 23px;}
	.jobBox .div a{ line-height: 40px; font-size: 15px; }
	.jobBox .div i{ width: 40px; height: 40px; background-size: 12px;}
	.jobBox li .liNow i{ background-size: 12px; }
	.jobBox .box{ padding: 11px 23px 36px; }
	.jobBox .box .top{ line-height: 40px; }
	.jobBox .box .top span:nth-of-type(1){ margin-right: 20px; }
	.jobBox .box .top span:nth-of-type(2){ margin-right: 20px; }
	.jobBox .box .top em{ display: block; float: left;  }
	.jobBox .box .content .p{ padding-bottom: 23px; }
	.jobBox .box > a{ height: 38px; line-height: 38px; }
	.yifamily{ width: 100%; padding-bottom: 60px;}
	.yifamilyPic2 .slick-slide{ height: auto; }
	.yifamilyPic2{ position:relative; padding-bottom:20px; padding-top: 20px;}
	.yifamilyPic2 .agentlist{ padding:15px 35px;}
	.yifamilyPic2 .agentlist .slick-slide{float:left; margin:0 3px;}
	.yifamilyPic2 .slick-slide .ico{ opacity: 0.5;}
	.yifamilyPic2 .slick-slide img{ width:100%;}
	.yifamilyPic2 .agentlist .slick-current .ico{ opacity: 1;}
	.yifamilyPic2 .slick-prev{ cursor:pointer; position:absolute; background:#82BD32 url(../images/yifamilyico5.png) no-repeat center; background-size: 10px; width:30px; height:30px; top:50%; margin-top:-15px; left:0px; z-index:22}
	.yifamilyPic2 .slick-next{ cursor:pointer; background: #82BD32 url(../images/yifamilyico7.png) no-repeat center; background-size: 10px; width: 30px; height: 30px; position: absolute; top:50%; margin-top:-15px; right: 0px; z-index:22}
	.yifamilyPic2 .slider-for .box{ position:relative;}
	.yifamilyPic2 .slider-for .imgDiv img{ width:100%;}
	.yifamilyPic2 .slider-for .name{ text-align: center; color: #fff; height: 42px; line-height: 42px; font-size: 14px; position: absolute; left: 0px; bottom: 0px; width: 100%; background:url(../images/hbg1.png) repeat;}
	.yifamily .page2 .p{ width: 100%; }
	
	
	.contact{ width: 100%; }
	.contact .page1 .left{  width: 100%; float: none;}
	.contact .page1 .right{ margin: 0 auto; padding: 0; float: none; }
	.contact .page1 .right div{ width: 140px; margin-left:46px ;}
	.contact .page1 .right div img{ width: 120px; margin: 10px;}
	.contact .page1 .right span{ width: 140px; margin-left: 46px;}
	.contact2{ margin-top: 0; }
	/*.contact2 .page1{ width: calc(100% - 20px); padding: 22px 10px; margin-top: 20px;}
	.contact2 .page1 li{ width: 50%;font-size: 12px; }
	.contact2 .page1 li dd{ overflow: hidden; height: 50px;}*/
    .contact2 .page1{ width: calc(100% - 20px); padding: 22px 10px; margin-top: 20px;}
	.contact2 .page1 li{ width: 100%; float:none; font-size: 12px; }
	.contact2 .page1 li a{ overflow: hidden; height: 50px;}

	.contact2 .page2{ width: calc(100% - 20px); padding: 21px 10px;}
	.contact2 .page2 div{  }
	.contact2 .page2 div span{ display: block;padding-right: 0; line-height: 26px; }
	.contact2 .page3{  }
	.contact2 .page3 img{ width: 100%; }
	
	
	
	.govern{ width: 100%; padding-top: 20px;}
	.govern .page1 .left{ width: calc(100% - 60px); padding: 30px; height: auto;}
	.govern .page1 .right{ width: calc(100% - 40px); padding: 20px; height: auto; position: relative;}
	.govern .page1 .right ul{ margin-left: 0; margin-top: 26px;}
	.govern .page1 .right .rise{ display: none;}
	.govern .page1 .right .p{ margin-top: 20px; }
	.govern .page2 li{ margin-bottom: 25px; }
	.govern .page2 li span.big{ width: 66px; height: 66px; }
	.govern .page2 li span.big b{ font-size: 30px; }
	.govern .page2 li span.p{ width: 70%;height: 56px;	 }
	.govern .page2 li span.p span{ font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.govern .page2 li span.p b em{ font-size: 12px; }
	.govern .page2 li:nth-of-type(2n+0){ float: left; }
	
	
	.notice{ width: 100%; }
	.notice .page1{ background: transparent; }
	.notice .page1 li{ margin-bottom: 25px; width: 100%;}
	.notice .page1 li span.big{ width: 66px; height: 66px; }
	.notice .page1 li span.big b{ font-size: 30px; }
	.notice .page1 li span.p{ width: 70%;height: 56px;	 }
	.notice .page1 li span.p span{ font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
	.notice .page1 li span.p b em{ font-size: 12px; }
	.notice .page1 li:nth-of-type(2n+0){ float: left; }
	.notice .page1 li:nth-last-of-type(2){ margin-bottom: 25px; }

    .transferingbase{ width: 100%; }
	.transferingbase .con1 .left{ width: 100%; }
	.transferingbase .con1 .right{ width: 100%; }
	.transferingbase .con1 .right img{ width: 100%; margin: 20px 0; }
	.transferingbase .con2{ padding: 10px; }
	.transferingbase .con2 div.left{ width: 100%; }
	.transferingbase .con2 div.right{ width: 100%; margin-top: 20px; }
	.logoimg{ width: 70%; margin: 0 auto; }
	.logoimg .slick img{ width: calc(100% - 2px); }
	.logoimg .slick{ margin: 0 0; }
	.logoimg .slick-prev{ width: 36px; height: 36px; margin-top: -18px; left: -44px;}
	.logoimg .slick-next{ width: 36px; height: 36px; margin-top: -18px; right: -44px;}

	
	
/*友情链接*/
	.blogrill{ width:100%;}
	.blogrill .page1{ padding-bottom: 80px; }
	.blogrill .page1 li{ width: 48%; margin-right:4%; margin-top: 24px; }
	.blogrill .page1 li:nth-of-type(2n+0){ margin-right: 0; }
	.blogrill .page1 li img{width: 100%;}
	
/*友情链接 end*/
	



	/*2018/9/18*/
	
	/*governance*/
	.wal{ width: 100%; }
	.covernance-nav{ margin: 23px 0 36px; }
	.covernance-nav div{ padding: 0 12px; }
	.covernance-nav a{ line-height: 24px; }
	.governance .page1{ }
	.governance .page1 li .gl{ width: 100%; }
	.governance .page1 li .gl img{ min-width: 140px; max-width: 140px; margin: 0 auto; display: block; }
	.governance .page1 li .gr{ width: 100%;  padding: 17px 0 0;}
	.governance .page1 li .gr .h6{ font-size: 18px; text-align: center; margin-bottom: 25px; }
	.governance .page1 li .gr .h6:before{ bottom: -6px; width: 0; height: 0; }
	.governance .page1 li .gr .p{ line-height: 26px; height: auto; }
	.governance .page1 li{ padding: 0 0 23px; margin: 0 0 40px; }
	.governance{ padding-bottom: 60px; }
	
	/*governance2*/
	.governance2{ padding-bottom: 65px; }
	.governance2 .page1{ overflow-x:auto; }
	.governance2 .page1 table { width: 100%; }
	
	.governance2 .page1 table td span{ padding: 0 12px; display: block; }
	.governance2 .page1 table td:nth-of-type(1){ width: 10%;  }
	.governance_bac{ background: #82BD32; }
	.governance2 .page1 table td:nth-of-type(1) span{ color: #FFFFFF;  }
	.governance2 .page1 table td:nth-of-type(2){ width: 83%; }
	.governance2 .page1 table td{ line-height: 34px; }
	.governance2 .page1 table td em{ padding: 0 12px; }
	.governance2 .page1 table tr:nth-of-type(2n+1){ background: transparent; }
	
	/*governance3*/
	.governance3 .page1 ul{ background: none; }
	.governance3 .page1 li{ width: 100% !important; margin-bottom: 25px !important; }
	.governance3 .page1 li:last-child{ margin-bottom: 0px !important; }
	.governance3 .page1 li .gl{ width: 80px; height: 80px; }
	.governance3 .page1 li .gl .figure{ font-size: 36px; }
	.governance3 .page1 li .gr{ width: calc(100% - 100px) !important; padding: 0; }
	.governance3 .page1 li:nth-of-type(2n+0){ float: left; }
	.governance3 .page1 li .gr .h6{ font-size: 16px; margin-top: 4px; }
	.governance3 .page1 li .gr .p{ margin-top: 4px; }
	
	/*interaction*/
	.interaction .page1{ padding-top: 25px; }
	.interaction .input .h5{ padding-left: 54px; background: #82BD32 url(../images/pen_03.png) no-repeat 26px center; }
	.interaction .input .btm{ padding: 26px; }
	.interaction .input .btm .bon{ margin-top: 18px; }
	.interaction .input .btm .bon a{ height: 34px; line-height: 34px; width: 46%; margin: 0;}
	.interaction .input .btm .bon a:last-child{ float: right; }
	.interaction .page2{ margin-top: 34px; }
	.interaction .page2 li{ padding: 23px 0 22px; }
	.interaction .page2 li .q{ line-height: 26px;margin-bottom: 8px; }
	.interaction .page2 li .a{ padding: 0 0 0 48px; }
	
	
	/*download*/
	.download{  }
	.download .page1{ padding-top: 23px; }
	.download .page1 table{ width: 100%;  }
	.download .page1 table th{ text-align: center; line-height: 40px; width: 25% !important; }
	.download .page1 table th span{ padding: 0; }
	.download .page1 table td{ line-height: 34px; font-size: 14px; }
	.download .page1 table td em{ padding: 0; text-align: center; line-height: 40px; }

	.indexcon .left .list ul {margin-left: 0px;}

	.placeBox{ display: none; }
	.pc{ display: none; }
	.phone{ display: block; }
    .MsoNormal > span > span > .ws{width:100%}
    .page1>.MsoNormal>.mc{width:100%;margin: 20px 14px 20px 0;}
	/*2025.3.31*/
	.tipsLayer{ width: 90%; height: auto;}
	.tipsLayer .imgDiv{ width: 100%; height: auto;}
}